<!doctype html>
<html>
	<head>
		<title>jmgraph-基于html5的前端画图组件</title>
		<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<style>
		#example-image img{
			max-width: 204px;
			max-height: 150px;
		}
		</style>
	</head>
	<body>
		<div id="header">
			<div id="header-content">
				<div id="logo">jmGraph</div>
				<ul id="nav" class="clearfix">
					<li><a href="index.html" class="current" onclick="javascript:return helper.navTo(this);">介绍</a></li>
					<li><a href="https://github.com/jiamao/jmgraph/blob/master/api/jmGraph.md" onclick="javascript:return helper.navTo(this);">文档</a></li>
					<li><a href="https://github.com/jiamao/jmgraph" target="_blank">下载</a></li>
					<li><a href="https://jiamao.github.io/jmgraph/example/index.html" onclick="javascript:return helper.navTo(this);">示例</a></li>
					<li><a href="about.html" onclick="javascript:return helper.navTo(this);">关于</a></li>
				</ul>
			</div>
		</div>
		<div id="content-body">
			<div id="content">
				<!-- content start -->
				<div id="pageTitle">
					<h1>一个基于<b>html5</b>的简单画图组件</h1>
				</div>
				<h2>示例</h2>
				<div id="example-image">
					<a href="https://jiamao.github.io/jmgraph/example/controls/bezier.html" target="_blank">
						<img src="images/bezier.gif" alt="贝塞尔曲线" />
					</a>
					<a href="//www.jmdraw.com/index.html" target="_blank">
						<img src="images/editor.gif" alt="流程编辑器" />
					</a>
					<a href="https://jiamao.github.io/jmgraph/example/jmchart/example/line.html" target="_blank">
						<img src="images/chart.gif" alt="图表" />
					</a>
					<a href="https://jiamao.github.io/jmgraph/example/ball.html" target="_blank">
						<img src="images/ball.gif" alt="小球物理碰撞试验" />
					</a>
					<a href="https://jiamao.github.io/jmgraph/example/cell.html" target="_blank">
						<img src="images/cell.jpg" alt="孢子小游戏" />
					</a>
					<a href="https://jiamao.github.io/jmgraph/example/sort.html" target="_blank">
						<img src="images/sort.gif" alt="排序演示" />
					</a>
				</div>
				<h2>有什么特牲?</h2>
				<ul>
					<li><strong>代码书写简单易理解</strong></li>
					<li><strong>面向对象的代码结构</strong></li>
					<li><strong>对图形控件化</strong></li>
					<li><strong>样式抽离</strong></li>
				</ul>
				<!--<h2>模块化</h2>
				<p>
				 	通过引入seajs实现模块化开发，在这里感谢seajs团队。<br />
				 	有关seajs详细信息请移步:<a href="http://www.seajs.org" title="seajs" target="_blank">http://www.seajs.org</a>
				</p>-->
				<h2>兼容性</h2>
				<p>
					暂只推荐支持html5的浏览器：ie9+,chrome,firefox等。
				</p>
				<!-- content end -->				
			</div>
			<div class="clear"></div>
		</div>		
	</body>
</html>
<script type="text/javascript" src="js/jquery.min.js" id="seajsnode" ></script>
<script type="text/javascript" src="js/helper.js" id="seajsnode" ></script>

<script type="text/javascript" src="http://tajs.qq.com/stats?sId=26124833" charset="UTF-8"></script>
